import CardView from "@/components/CardView";
import Text from "@/components/Text";
import { defineComponent } from "vue";
import PageTitle from "@/components/PageTitle";
import { useRequest } from "./request";

export default defineComponent({
  name: "",
  setup() {
    const { detail } = useRequest();
    const render1 = () => {
      return (
        <CardView radius={0}>
          <div
            class={["!pt-[20px] "]}
            style={{ height: "calc(100vh - 120px)" }}
          >
            <Text class={["mx-12 !text-[#333] text-[20px]"]}>
              {detail.value.title}
            </Text>
            <Text class={["mx-12 mt-10"]}>{detail.value.content}</Text>
          </div>
        </CardView>
      );
    };
    return () => {
      return (
        <PageTitle title={"帮助中心详情"} childClass="!p-[0px]">
          {render1()}
        </PageTitle>
      );
    };
  },
});
